El "editor: 'lista'" de Tabulator parece no respetar el tabindex cuando presiona 'Tab' cuando el menú de lista de selección está abierto.

https://jsfiddle.net/sv95rzy4/3/

Para reproducir en jsfiddle, haga clic en 'Alice' en la tabla y luego presione la tecla 'Tab'. El menú se abre en la columna Nivel. Luego presione la tecla 'Tab' nuevamente. Esperaría que se seleccionara el botón en la columna Acción, pero en su lugar se abre el menú desplegable de la siguiente fila.

Aquí está el código si no puede ver jsfiddle por algún motivo. No creo que tenga nada que ver con el hecho de que estoy usando un formateador para la lista de editores, pero lo dejé en el ejemplo por si acaso. (Si comenta el formateador, el comportamiento sigue siendo el mismo).

 var tableData = [{ name: "Alice", level: "2", actions: "<button tabindex='0' onclick=\"alert('clicked 1')\">X</button>"}, { name: "Bob", level: "3", actions: "<button tabindex='0' onclick=\"alert('clicked 2')\">X</button>", }, ]; var levels = { 1: 'Pro', 2: 'Advanced', 3: 'Moderate', 4: 'Rookie' }; var table = new Tabulator("#example-table", { height: '100px', data: tableData, columns: [{ title: "Name", field: "name" },{ title: "Level", field: "level", editor: "list", editorParams: { values: levels }, formatter: function(cell, formatterParams, onRendered) { var select = document.createElement('select'); select.style.width = '100%'; select.innerHTML = '<option>' + levels[cell.getValue()] + '</option>'; return select; } }, {title: "Actions", field: "actions", formatter: 'html'} ], });